<template>
  <div>
    <el-container>
      <el-header>
        <home-header></home-header>
      </el-header>
      <el-main>
        <router-view @viewDetail="handleViewDetail"></router-view>
      </el-main>
      <el-footer><home-footer></home-footer></el-footer>
    </el-container>
  </div>
</template>



<script>

import HomeHeader from '@/components/HomeHeader.vue'
import HomeFooter from '@/components/HomeFooter.vue';

export default {
  components: { HomeHeader, HomeFooter },
  methods: {
    handleViewDetail(id) {
      console.log(id);
      this.$router.push(`/activity/${id}`)
    }
  }
}
</script>
<style scoped>





/* main布局 */

</style>
